@charset "utf-8";

body { background-color:#f5f5f5 !important; }

/* icon */
.load-bg { background-image:url('../images/cover_white_80ps.png'); background-repeat:repeat; }
.loading { background-image:url('../images/loading.gif'); background-repeat:no-repeat; }
.icon-va-mid { vertical-align:middle; margin-top:-3px; }
.icon-common {
	display:inline-block;background:url(../images/icon_common.png) 0 0 no-repeat;overflow:hidden;
   -webkit-transform:scale(0.5);
      -moz-transform:scale(0.5);
        -o-transform:scale(0.5);
           transform:scale(0.5); 
}
.logo {background-position:-0px -0px;width:176px;height:60px;}
.logo_kxw {background-position:-0px -60px;width:179px;height:57px;}
.icon_flag_tap1 {background-position:-176px -0px;width:56px;height:56px;}
.icon_pay_card {background-position:-179px -60px;width:47px;height:47px;}
.icon_pay_zfb {background-position:-0px -117px;width:48px;height:47px;}
.icon_goods_selected_not {background-position:-48px -117px;width:43px;height:43px;}
.icon_goods_selected {background-position:-91px -117px;width:43px;height:43px;}
.icon_goods_selected2 {background-position:-134px -117px;width:43px;height:43px;}
.icon_pay_wechat {background-position:-177px -117px;width:47px;height:42px;}
.logo_min {background-position:-0px -164px;width:44px;height:41px;}
.icon_label_lock {background-position:-44px -164px;width:33px;height:40px;}
.icon_top_user {background-position:-77px -164px;width:35px;height:40px;}
.icon_top_back {background-position:-112px -164px;width:35px;height:35px;}
.icon_label_user {background-position:-147px -164px;width:36px;height:35px;}
.icon_top_home {background-position:-183px -164px;width:38px;height:35px;}
.icon_state_min_phone {background-position:-232px -0px;width:23px;height:34px;}
.icon_state_min_error {background-position:-224px -117px;width:31px;height:32px;}
.icon_state_min_gps {background-position:-226px -60px;width:24px;height:31px;}
.icon_state_list {background-position:-221px -164px;width:25px;height:31px;}
.icon_state_min_store {background-position:-0px -205px;width:31px;height:31px;}
.icon_state_min_tap {background-position:-31px -205px;width:30px;height:30px;}
.icon_state_min_correct {background-position:-61px -205px;width:29px;height:29px;}
.icon_state_min_attention {background-position:-90px -205px;width:29px;height:29px;}
.icon_state_min_circle {background-position:-119px -205px;width:29px;height:29px;}
.icon_state_tel {background-position:-148px -205px;width:25px;height:28px;}
.icon_state_min_add {background-position:-173px -205px;width:28px;height:28px;}
.icon_arrow_gray_right {background-position:-201px -205px;width:16px;height:26px;}
.icon_arrow_gray_left {background-position:-217px -205px;width:16px;height:26px;}
.icon_state_min_card {background-position:-0px -236px;width:31px;height:24px;}


/* other */
.p-r { position:relative; }
.text-2em { text-indent:2em; }
.alt-box-view { display:none; }
.alt-box { padding:10px; border-radius:5px; }
.no-box-shadow { -webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none; }
.scroll-touch {
	-webkit-overflow-scrolling:touch;
       -moz-overflow-scrolling:touch;
			overflow-scrolling:touch;
}
.radio-icon { padding-left:50px; padding-right:10px; }
.radio-icon input[type=radio] { margin-left:-50px; }
.radio-icon i { position:absolute; top:-10px; margin-left:-40px; }


/* == 公用组件部分 ======================================================================== */
/* 公共：字体色 */
.c-black{color:#666;}
	.c-black a:link,
	.c-black a:visited{text-decoration:none; color:#666;}
	.c-black a:hover{text-decoration:underline; color:#666;}
.c-white{color:#fff;}
	.c-white a:link,
	.c-white a:visited{text-decoration:none; color:#fff;}
	.c-white a:hover{text-decoration:underline; color:#fff;}
.c-blue{color:#f27f1a;}
	.c-blue a:link,
	.c-blue a:visited{text-decoration:none; color:#f27f1a;}
	.c-blue a:hover{text-decoration:underline; color:#f27f1a;}
	.c-blue{color:#f27f1a;}
.c-grey{color:#999;}
	.c-grey a:link,
	.c-grey a:visited{text-decoration:none; color:#999;}
	.c-grey a:hover{text-decoration:underline; color:#999;}
.c-orange{color:#f27f1a;}
	.c-orange a:link,
	.c-orange a:visited{text-decoration:none; color:#f27f1a;}
	.c-orange a:hover{text-decoration:underline; color:#f27f1a;}
.c-yellow{color:#ffba00;}
	.c-yellow a:link,
	.c-yellow a:visited{text-decoration:none; color:#ffba00;}
	.c-yellow a:hover{text-decoration:underline; color:#ffba00;}
	.c-yellow{color:#ffba00;}
.c-red{color:#f05d4b;}
	.c-red a:link,
	.c-red a:visited{text-decoration:none; color:#f05d4b;}
	.c-red a:hover{text-decoration:underline; color:#f05d4b;}
	.c-red{color:#f05d4b;}
.c-green{color:#a1c301;}
	.c-green a:link,
	.c-green a:visited{text-decoration:none; color:#a1c301;}
	.c-green a:hover{text-decoration:underline; color:#a1c301;}
	.c-green{color:#a1c301;}

/* 公共：布局 */
.laout-row { width:100%; }
.laout-row .col-1,
.laout-row .col-1_5,
.laout-row .col-2,
.laout-row .col-3,
.laout-row .col-4,
.laout-row .col-5,
.laout-row .col-6,
.laout-row .col-7,
.laout-row .col-8,
.laout-row .col-8_5,
.laout-row .col-9,
.laout-row .col-10 { display:block; height:inherit; float:left; }
.laout-row .col-1 { width:10%; }
.laout-row .col-1_5 { width:15%; }
.laout-row .col-2 { width:20%; }
.laout-row .col-3 { width:30%; }
.laout-row .col-4 { width:40%; }
.laout-row .col-5 { width:50%; }
.laout-row .col-6 { width:60%; }
.laout-row .col-7 { width:70%; }
.laout-row .col-8 { width:80%; }
.laout-row .col-8_5 { width:85%; }
.laout-row .col-9 { width:90%; }
.laout-row .col-10 { width:100%; }

.auto-laout-box { position:absolute; top:0; bottom:0; left:0; right:0; }
.auto-laout-box .auto-laout-left, .auto-laout-box .auto-laout-right { position:absolute; top:0; bottom:0; }

/* 公用：遮罩 */
.slide-cover-bg { display:none; position:fixed; z-index:998; top:0; bottom:0; left:0; right:0; background:rgba(0,0,0, 0.5); }
.slide-cover-box { display:none; position:fixed; z-index:999; top:25px; bottom:25px; left:25px; right:25px; background:#fff; }
.slide-cover-box .box-title { position:relative; z-index:2; height:45px; line-height:45px; font-size:16px; color:#fff; text-align:center; background:#f27f1a; }
.slide-cover-box .box-title .close { position:absolute; width:20px; height:20px; line-height:20px; text-align:center; color:#fff; top:10px; right:15px; }
.slide-cover-box .box-title.blue { background:#008cd6; }
.loading { position:fixed; z-index:999; width:120px; height:120px; padding:10px; text-align:center; color:#fff; top:50%; left:50%; margin:-65px 0 0 -65px; border-radius:10px; background:rgba(0,0,0, 0.5); }
.icon-loading { padding-top:70px; background:url("../images/loading.gif") center 20px no-repeat; }

/* 公共：视图 */
.bg-blue-sub, .bg-blue-sub .view-box { background:#edf7fc; }
.bg-white, .bg-white .view-box { background:#fff; }
.view-box { padding:40px 0 20px; }
.view-box-container { position:absolute; top:50px; bottom:0; left:0; right:0; overflow-y:auto; background:#fff; }
.auto-height { position:absolute; top:0; bottom:0; left:0; right:0; }

/* 公共：表单 */
.form-box { max-width:330px; font-size:16px; padding:15px; margin:0 auto; }
.form-box .form-box-heading,
.form-box .checkbox { margin-bottom:10px; }
.form-box .checkbox { font-weight:normal; }
.form-box .form-control { position:relative; height:auto; padding:10px; font-size:16px;
  -webkit-box-sizing:border-box;
     -moz-box-sizing:border-box;
          box-sizing:border-box;
}
.form-box .form-control:focus { z-index:2; }
.form-box .box-top { margin-bottom:-1px; border-bottom-right-radius:0; border-bottom-left-radius:0; }
.form-box .box-bottom { margin-bottom:10px; border-top-left-radius:0; border-top-right-radius:0; }

/* 公共：内容框 */
.context-item-box .context-head { padding:0 10px; font-size:16px; height:30px; line-height:30px; background:#eee; margin:0; }
.context-item-box .context-container { min-height:73px; padding:10px; color:#666; }

/* 公共：导航栏 */
.headbar { position:fixed; z-index:99; top:0; width:100%; min-height:50px; color:#fff; }
.headbar .headbar-container { width:inherit; min-height:50px; line-height:50px; overflow:hidden; background:#008cd7; }
.headbar .type3 { color:#666; background:#f5f5f5; border-bottom:1px solid #e1e1e1; }
.headbar .headbar-l,.headbar .headbar-c,.headbar .headbar-r { float:left; min-height:50px; }
.headbar .headbar-l .cont { padding-left:5px; }
.headbar .headbar-r .cont { padding-right:5px; }
.headbar .headbar-l .glyphicon, .headbar .headbar-c .glyphicon, .headbar .headbar-r .glyphicon { color:#fff; }
.headbar .headbar-l { width:27%; text-align:left; }
.headbar .headbar-c { width:46%; text-align:center; font-size:20px; }
.headbar .headbar-r { width:27%; text-align:right; }
.headbar .headbar-l .glyphicon,
.headbar .headbar-r .glyphicon { font-size:24px; }
.headbar .headbar-l .btn, .headbar .headbar-c .btn, .headbar .headbar-r .btn { width:35px; font-size:14px; padding:6px 0; text-align:center; }
.headbar .headbar-l .text-btn, .headbar .headbar-r .text-btn { text-decoration:none; width:auto; color:#fff; }
.headbar .headbar-l .text-btn .glyphicon, .headbar .headbar-r .text-btn .glyphicon { font-size:14px; }
.pd-headbar-1 { padding-top:50px; }
.pd-headbar-2 { padding-top:100px; }
.headbar .headbar-container a.btn { text-decoration:none; }
.headbar .headbar-container .disabled { color:#999; }

/* 公共：底部栏 */
.fix-toolbar { position:fixed; z-index:99; bottom:0; width:100%; min-height:50px; }
.fix-toolbar .fix-container { width:inherit; min-height:50px; line-height:50px; overflow:hidden; background:#f5f5f5; }
.fix-toolbar .btn { font-size:14px; padding-left:5px; padding-right:5px; }

/* 公共：按钮 */
.one-btn { display:block; height:inherit; font-size:18px; text-align:center; line-height:inherit; }
.one-btn:hover { text-decoration:none; }
.one-btn-green { color:#fff; background:#a2c302; }
.one-btn-green:hover { color:#fff; background:#93b101; }
.one-btn-red { color:#fff; background:#d9534f; }
.one-btn-red:hover { color:#fff; background:#d43f3a; }
.one-btn-orange { color:#fff; background:#f27f1a; }
.one-btn-orange:hover { color:#fff; background:#ed7914; }
.one-btn-orange-sub { color:#fff; background:#FD9132; }
.one-btn-orange-sub:hover { color:#fff; background:#FD9132; }
.one-btn.disabled, .one-btn.disabled:hover { color:#fff; background:#999; }
.one-btn-50p { float:left; width:50%; height:50px; padding-top:8px; line-height:18px; }

/* 公共：商品列表 */
.goods-list-box {  }
.goods-list .bd-cont { display:none; position:absolute; top:0; bottom:0; left:0; right:0; overflow-y:auto; }
.goods-list .current { display:block; }
.goods-list ul.product-list li { padding:10px; font-size:12px; overflow:hidden; border-top:1px solid #eee; }
.goods-list ul.product-list li .selected { display:none; font-size:16px; color:#00ba00; }
.goods-list ul.product-list li .cancel { display:block; font-size:16px; color:#ccc; }
.goods-list ul.product-list li.user-selected .selected { display:block; }
.goods-list ul.product-list li.user-selected .cancel { display:none; }
.goods-list ul.product-list li:first-child { border:0; }
.goods-list ul.product-list .photo { position:relative; line-height:inherit; text-align:center; float:left; }
.goods-list ul.product-list .photo img { width:100px; height:100px; vertical-align:middle; border:0; }
.goods-list ul.product-list .photo .flag { position:absolute; left:-13px; top:-10px; }
.goods-list ul.product-list .photo .icon { position:absolute; width:21px; height:21px; line-height:21px; text-align:center; right:15px; top:0px; }
.goods-list ul.product-list .info { padding-left:110px; }
.goods-list ul.product-list .info .name { font-size:16px; }
.goods-list ul.product-list .info .price { font-size:16px; }
.goods-list ul.product-list .buy { position:relative; width:100%; }
.goods-list ul.product-list .add,
.goods-list ul.product-list .num,
.goods-list ul.product-list .reduce { display:block; width:35px; height:35px; line-height:35px; font-size:24px; text-align:center; float:left; text-decoration:none; }
.goods-list ul.product-list .add,
.goods-list ul.product-list .reduce { background:#e0e0e0; color:#fff; }
.goods-list ul.product-list .num { width:45px; background:#f3f3f3; color:#bbb; border:0; border-radius:0; }
.goods-list ul.product-list li.user-selected .num { color:#333; }
.goods-list ul.product-list li.user-selected .add,
.goods-list ul.product-list li.user-selected .reduce { background:#59abdd; }

/* 公共：提示信息 */
.prompt-msg { min-height:50px; padding:50px 0; text-align:center; font-size:18px; }

/* 公共：已购商品 */
.goods-item-img { position:relative; padding-right:15px; }
.goods-item-img .imgs img { border:1px solid #eee; width:47px; height:47px; float:left; margin:3px; }
.goods-item-img .goto { position:absolute; right:5px; top:50%; margin-top:-9px; }
.goods-item-img .goto .glyphicon { font-size:18px; }

/* 公共：价格 */
.total-price-box { height:inherit; }
.total-price-box .total-now-price { width:45%; padding-right:5px; padding-top:3px; height:inherit; text-align:left; font-size:18px; float:left; }
.total-price-box .total-og-price { width:55%; padding-left:5px; padding-top:3px; text-align:left; line-height:1.3; float:left; font-size:12px; }

/* == 页面 ============================================================================== */
#Welcome,		/* 欢迎页 */
#Login,			/* 登录 */
#Register,		/* 注册 */
#PushGoods,		/* 推送订单 */
#SelectDate,	/* 选择日期 */
#SubmitOrder,	/* 提交订单 */
#HaveOrder,		/* 已有订单 */
#UserCenter,	/* 用户中心 */
#MyOrders,		/* 我的订单 */
#OrdersDesc,	/* 订单详情 */
#OrderListing,	/* 商品清单 */
#SelectDate,	/* 选择日期 */
#UpdatePushGoods/* 推荐商品 */
{ position:absolute; top:0; bottom:0; left:0; right:0; }

/* 页面：欢迎页 */
#Welcome { 
	background-image:url("../images/bg_index.png");
	background-position:center top;
	background-repeat:no-repeat;
	background-size:100% auto;
	background-color:#fff;
}
#Welcome .view-box { position:relative; padding-top:20px; background-color:transparent; }
#Welcome .welcome-text { position:absolute; left:50%; bottom:0px; font-size:12px; color:#bbc2c6; width:290px; margin-left:-145px; }
#Welcome .welcome-text .title { font-size:18px; margin-bottom:5px; }

/* 页面：用户登录 */
#Login .view-box { padding-top:20px; }
#Login .logo,
#Welcome .logo { margin:-20px 0 0 -200px; }

/* 页面：用户注册 */
#Register { }

/* 页面：推送订单 */
#PushGoods { background:#fff; }
#PushGoods .view-box { padding-bottom:50px; }
#PushGoods .view-box-container { top:101px; bottom:50px; }
.auto-laout-left { border-right:1px solid #eee; overflow-y:auto; }
.goods-list { margin-left:15%; }
.goods-type { width:100%; }
.goods-type li { height:40px; line-height:40px; text-align:center; }
.goods-type li a { display:block; color:#666; text-decoration:none; }
.goods-type li.current a { color:#3a829b; }

/* 页面：升级进货单 */
#UpdatePushGoods .view-box-container { top:45px; bottom:45px; }
.update-push-goods { top:15px; bottom:15px; left:15px; right:15px; }
.update-push-goods .box-bottom-item { position:fixed; height:45px; line-height:45px; left:15px; right:15px; bottom:15px; background:#f5f5f5; }
.update-push-goods .goods-list ul.product-list li .selected { color:#f27f1a; }
.update-push-goods .goods-list ul.product-list li.user-selected .add,
.update-push-goods .goods-list ul.product-list li.user-selected .reduce { background:#ffba00; }
.update-push-goods .goods-type li.current a { color:#f27f1a; }

/* 页面：确认订单 */
#SubmitOrder .view-box-container { bottom:50px; }
.now-price { text-align:center; color:#fff; background:#333; }

/* 页面：今日已下单：嵌入到推送订单 */
#HaveOrder  .view-box-container { top:101px; bottom:0; }
.title-bar { font-size:20px; height:65px; color:#999; line-height:65px; text-align:center; background:#e1e1e1; }
.title-content { height:55px; line-height:55px; text-align:right; padding:0 10px; }

/* 页面：我的订单 */
.orders-list { padding:5px 0; }
.orders-list li { padding:5px 10px; }
.orders-list li a { position:relative; display:block; padding:10px; color:#666; text-decoration:none; background:#f1f1f1; border:1px solid #e1e1e1; border-radius:5px; }
.orders-list li a .number { font-size:16px; color:#333; }
.orders-list li a .state { position:absolute; right:10px; top:50%; margin-top:-10px; }

/* 页面：个人中心 */
#UserCenter .view-box-container { bottom:50px; background:#f1f1f1; }
.user-info { padding:10px 15px; color:#666; background:#fff; margin-bottom:10px; }
.user-info .glyphicon { margin-right:5px; }
.user-info p { position:relative; padding-left:25px; }
.user-info .lab-icon { position:absolute; width:30px; text-align:center; left:-5px; top:-2px; }

.menu-list { margin:5px 0; background:#fff; }
.menu-list li a { position:relative; display:block; color:#333; line-height:30px; padding:8px 15px; text-decoration:none; }
.menu-list li a .icon-right { position:absolute; right:15px; top:50%; margin-top:-7px; }

/* 页面：商品清单 */
.order-goods-item li { padding:10px; font-size:12px; overflow:hidden; border-top:1px solid #eee; }
.order-goods-item li:first-child { border:0; }
.order-goods-item .photo { line-height:inherit; text-align:center; float:left; }
.order-goods-item .photo img { width:85px; height:85px; vertical-align:middle; }
.order-goods-item .info { padding-left:95px; }
.order-goods-item .info .name { font-size:16px; }
.order-goods-item .info .price { font-size:16px; }
.order-goods-item .info .buy-num { text-align:right; font-size:16px; }


/* 页面：选择日期 */
.select-date { top:50px; bottom:50px; left:15px; right:15px; }
#SelectDateInput { display:block; width:0; height:0; overflow:hidden; padding:0; margin:0; border:0; }
#SelectDate .view-box { padding-top:45px; }
#SelectDate .view-box-container { top:45px; }

.calendar .calMain .calTitle .prevMonth,
.calendar .calMain .calTitle .nextMonth { background:url(../images/date_bg.png) repeat-x; }
.calendar { z-index:1001; position:absolute; width:100% !important; height:320px !important; padding:0; float:left; background:#fff;}
.calendar .calMain { width:100%; height:inherit; float:left; overflow:hidden; position:absolute; }
.calendar .calMain .calTitle { width:100%; float:left; text-align:center; height:42px; line-height:42px; background:#fff; overflow:hidden; }
.calendar .calMain .calTitle .t_date { line-height:inherit; color:#333; text-align:center; }
.calendar .calMain .calTitle .t_date a { color:#333; }
.calendar .calMain .calTitle .prevMonth { display:inline-block; width:15px; height:15px; line-height:inherit; margin:0 30px -5px 0; cursor:pointer; background-repeat:no-repeat; background-position:5px -87px; }
.calendar .calMain .calTitle .nextMonth { display:inline-block; width:15px; height:15px; line-height:inherit; margin:0 0 -5px 30px; cursor:pointer; background-repeat:no-repeat; background-position:6px -157px; }
.calendar .calMain .calTitle .currentYear { }
.calendar .calMain .calTitle .currentMonth { }
.calendar .calMain .calTitle .currentYearText { cursor:pointer; margin-right:20px; }
.calendar .calMain .calTitle .currentMonthText { cursor:pointer; margin-left:20px; text-align:right; }
.calendar .calMain .calContent { width:100%; height:250px; float:left; }
.calendar .calMain .calContent .enabled { position:absolute; width:100%; height:270px; float:left; }
.calendar .calMain .calContent .reserve { position:absolute; width:100%; height:270px; float:left; }
.calendar .calMain .calContent .tabD { width:100%; float:left; border-collapse:collapse; border-spacing:0; border:0; }
.calendar .calMain .calContent .tabD th { line-height:25px; text-align:center; font-weight:normal; color:#fff; background:#59abdd; }
.calendar .calMain .calContent .tabD td { color:#1f3959; text-align:center; line-height:40px; width:27px; }
.calendar .calMain .calContent .tabD td span { color:#c0c0c0; }
.calendar .calMain .calContent .tabD td a { line-height:inherit; margin:1px 0 0 2px; cursor:pointer; color:#333; }
.calendar .calMain .calContent .tabD td .nextD,
.calendar .calMain .calContent .tabD td .prevD { color:#ccc; }
.calendar .calMain .calContent .tabD td .hover,
.calendar .calMain .calContent .tabD td .current,
.calendar .calMain .calContent .tabD td .select { display:inline-block; width:38px; line-height:38px; color:#fff; border-radius:19px; }
.calendar .calMain .calContent .tabD td .hover {  }
.calendar .calMain .calContent .tabD td .current { color:#666; background:#eee; }
.calendar .calMain .calContent .tabD td .select { color:#fff; background:#59abdd; }
.calendar .calMain .calContent .tabM { width:100%; float:left; border-collapse:collapse; border-spacing:0; border:0; }
.calendar .calMain .calContent .tabM td { color:#1f3959; text-align:center; height:50px; width:47px; }
.calendar .calMain .calContent .tabM td a { display:inline-block; width:42px; line-height:42px; cursor:pointer; color:#51729d; }
.calendar .calMain .calContent .tabM td .hover,
.calendar .calMain .calContent .tabM td .current,
.calendar .calMain .calContent .tabM td .select { width:40px; line-height:40px; border-radius:19px; }
.calendar .calMain .calContent .tabM td .hover { }
.calendar .calMain .calContent .tabM td .current { color:#666; background:#eee; }
.calendar .calMain .calContent .tabM td .select { background:#59abdd; color:#fff; }
.calendar .calMain .calContent .tabY { width:100%; float:left; border-collapse:collapse; border-spacing:0; border:0; }
.calendar .calMain .calContent .tabY td { color:#1f3959; text-align:center; height:50px; width:47px; }
.calendar .calMain .calContent .tabY td a { display:inline-block; width:42px; line-height:42px; cursor:pointer; color:#51729d; }
.calendar .calMain .calContent .tabY td .nextY { color:#bccadc; }
.calendar .calMain .calContent .tabY td .prevY { color:#bccadc; }
.calendar .calMain .calContent .tabY td .hover,
.calendar .calMain .calContent .tabY td .current,
.calendar .calMain .calContent .tabY td .select { width:40px; line-height:40px; border-radius:19px; }
.calendar .calMain .calContent .tabY td .hover { }
.calendar .calMain .calContent .tabY td .current { color:#666; background:#eee; }
.calendar .calMain .calContent .tabY td .select { background:#59abdd; color:#fff; }
.calendar .calMain a:hover { text-decoration:none; }
